<link href="<?php echo STATIC_URL;?>/images/template/title/img_004/style.css" rel="stylesheet" type="text/css" />
<div class="qb_img_004">
<?php if(is_array($__LIST__) || $__LIST__ instanceof \think\Collection || $__LIST__ instanceof \think\Paginator): $i = 0; $__LIST__ = $__LIST__;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$rs): $mod = ($i % 2 );++$i;?>
	<?php if($i==1): ?>
	<ul>
		<ol><a href="<?php echo $rs['url']; ?>" target="_blank"><img onerror="this.src='<?php echo STATIC_URL;?>/images/nopic.png'" src="<?php echo $rs['picurl']; ?>"></a></ol>
		<li>
			<h3><a href="<?php echo $rs['url']; ?>" target="_blank"><?php echo $rs['title']; ?></a></h3>
			<p><?php echo get_word($rs['content'],$cleng>10?:200); ?></p>
			<div><?php echo $rs['time']; ?> · <?php echo $rs['view']; ?>次浏览</div>
		</li>
	</ul>
	<?php  else:  ?>
	<div class="list"><a href="<?php echo $rs['url']; ?>" target="_blank"><?php echo $rs['title']; ?></a></div>
	<?php endif; ?>
<?php endforeach; endif; else: echo "" ;endif; ?>
</div> 
<script type="text/javascript">
$(window).resize(function () {          //当浏览器大小变化时
   changeClass.f('.qb_img_004'); 		
});
$(function(){ 
	changeClass.f('.qb_img_004');
});

if (typeof changeClass == "undefined") { 
	var changeClass = {
		f:function(s){
			$(s).each(function(){
				$(this).find('ul').removeAttr('class');
				var thisObjW=$(this).width();
				if(thisObjW>1200){
					$(this).find('ul').addClass('type1');
				}else if(thisObjW<1200 && thisObjW>801){
					$(this).find('ul').addClass('type2');
				}else if(thisObjW<800 && thisObjW>501){
					$(this).find('ul').addClass('type3');
				}else if(thisObjW<500 && thisObjW>351){
					$(this).find('ul').addClass('type4');
				}else{
					$(this).find('ul').addClass('type5');
				}
			});
		}
	};
}
$('.qb_img_004 img').hover(
	function(){$(this).animate({"max-width":"150%","max-height":"150%"},300);},
	function(){$(this).animate({"max-width":"98%","max-height":"96%"},300);}
);
</script>